// src/router/router/index.js
import { createRouter, createWebHistory } from 'vue-router'

// 导入页面组件
import About from '@/teach/about.vue'  // 关于页面组件
import one from '../teach/Chapter.vue'
import one_Demo1 from '@/teach/Demo1.vue'
import one_Demo2 from '@/teach/Demo2.vue'
import one_Demo3 from '@/teach/Demo3.vue'
import one_Demo4 from '@/teach/Demo4.vue'
import one_Demo5 from '@/teach/Demo5.vue'
import one_Demo6 from '@/teach/Demo6.vue'
import one_Demo7 from '@/teach/Demo7.vue'
import one_Demo8 from '@/teach/Demo8.vue'
import one_Demo9 from '@/teach/Demo9.vue'
import one_Demo10 from '@/teach/Demo10.vue'
import one_Demo11 from '@/teach/Demo11.vue'
import one_Demo12 from '@/teach/Demo12.vue'
import one_Demo13 from '@/teach/Demo13.vue'
import one_Demo14 from '@/teach/Demo14.vue'
import one_Demo15 from '@/teach/Demo15.vue'
import one_Demo16 from '@/teach/Demo16.vue'
import one_Demo17 from '@/teach/Demo17.vue'
import one_Demo18 from '@/teach/Demo18.vue'
import one_Demo19 from '@/teach/Demo19.vue'
import one_Demo20 from '@/teach/Demo20.vue'
import one_Demo22 from '@/teach/Demo22.vue'
import one_Demo23 from '@/teach/Demo23.vue'
import one_Demo24 from '@/teach/Demo24.vue'
// import one_Demo21 from '@/teach/Demo17.vue'
// import one_Demo22 from '@/teach/Demo17.vue'
// import one_Demo23 from '@/teach/Demo17.vue'
import Student from "../teach/Demo6.vue"
//-------------------wrok
import work_1 from "@/study/work/Demo1.vue"
//-------------------learning
import learning_1 from "@/study/learing/Demo10.vue"
// 定义路由规则
const routes = [
  {
    path: '/about',  // 访问路径
    name: 'About',   // 路由名称
    component: About // 对应组件
  },
  //-------------------------------------
    {
    path: '/one',  // 访问路径
    name: 'one',   // 路由名称
    component: one // 对应组件
  },    {
    path: '/one/Demo1',  // 访问路径
    name: 'one_Demo1',   // 路由名称
    component: one_Demo1 // 对应组件
  },    {
    path: '/one/Demo2',  // 访问路径
    name: 'one_Demo2',   // 路由名称
    component: one_Demo2 // 对应组件
  },    {
    path: '/one/Demo3',  // 访问路径
    name: 'one_Demo3',   // 路由名称
    component: one_Demo3 // 对应组件
  },    {
    path: '/one/Demo4',  // 访问路径
    name: 'one_Demo4',   // 路由名称
    component: one_Demo4 // 对应组件
  },    {
    path: '/one/Demo5',  // 访问路径
    name: 'one_Demo5',   // 路由名称
    component: one_Demo5 // 对应组件
  },
    {
    path: '/one/Demo6',  // 访问路径
    name: 'one_Demo6',   // 路由名称
    component: one_Demo6 // 对应组件
  },  
  {
    path: '/one/Demo7',  // 访问路径
    name: 'one_Demo7',   // 路由名称
    component: one_Demo7 // 对应组件
  },{
    path: '/one/Demo8',  // 访问路径
    name: 'one_Demo8',   // 路由名称
    component: one_Demo8 // 对应组件
  },{
    path: '/one/Demo9',  // 访问路径
    name: 'one_Demo9',   // 路由名称
    component: one_Demo9 // 对应组件
  },{
    path: '/one/Demo10',  // 访问路径
    name: 'one_Demo10',   // 路由名称
    component: one_Demo10 // 对应组件
  },
  {
    path: '/one/Demo11',  // 访问路径
    name: 'one_Demo11',   // 路由名称
    component: one_Demo11 // 对应组件
  },
    {
    path: '/one/Demo12',  // 访问路径
    name: 'one_Demo12',   // 路由名称
    component: one_Demo12 // 对应组件
  },
      {
    path: '/one/Demo13',  // 访问路径
    name: 'one_Demo13',   // 路由名称
    component: one_Demo13 // 对应组件
  },
        {
    path: '/one/Demo14',  // 访问路径
    name: 'one_Demo14',   // 路由名称
    component: one_Demo14 // 对应组件
  },
          {
    path: '/one/Demo15',  // 访问路径
    name: 'one_Demo15',   // 路由名称
    component: one_Demo15 // 对应组件
  },
          {
    path: '/one/Demo16',  // 访问路径
    name: 'one_Demo16',   // 路由名称
    component: one_Demo16 // 对应组件
  },
          {
    path: '/one/Demo17',  // 访问路径
    name: 'one_Demo17',   // 路由名称
    component: one_Demo17 // 对应组件
  },
  {
    path: '/one/Demo18',  // 访问路径
    name: 'one_Demo18',   // 路由名称
    component: one_Demo18 // 对应组件
  },
  {
    path: '/one/Demo19',  // 访问路径
    name: 'one_Demo19',   // 路由名称
    component: one_Demo19 // 对应组件
  },
    {
    path: '/one/Demo20',  // 访问路径
    name: 'one_Demo20',   // 路由名称
    component: one_Demo20 // 对应组件
  },
  {
    path: '/one/Demo22',  // 访问路径
    name: 'one_Demo22',   // 路由名称
    component: one_Demo22 // 对应组件
  },
  {
    path: '/one/Demo23',  // 访问路径
    name: 'one_Demo23',   // 路由名称
    component: one_Demo23 // 对应组件
  },
  {
    path: '/one/Demo24',  // 访问路径
    name: 'one_Demo24',   // 路由名称
    component: one_Demo24 // 对应组件
  },
  //-----------------------------------
  {
    path: '/Student',  // 访问路径
    name: 'Student',   // 路由名称
    component: Student // 对应组件
  },
  //---------------work
  {
    path: '/work/work_1',  // 访问路径
    name: 'work_1',   // 路由名称
    component: work_1 // 对应组件
  },
  //---------------learning
  {
    path: '/learn/learning_1',  // 访问路径
    name: 'learning_1',   // 路由名称
    component: learning_1 // 对应组件
  }
  // 可以在这里添加更多路由规则
  // {
  //   path: '/xxx',
  //   name: 'Xxx',
  //   component: XxxComponent
  // }
]

// 创建路由实例
const router = createRouter({
  history: createWebHistory(),  // 使用HTML5 history模式（无#号）
  routes  // 应用路由规则
})

export default router